<template>
  <div>

    <Breadcrumb :style="{margin: '16px 0'}">
      <BreadcrumbItem>管理中心</BreadcrumbItem>
    </Breadcrumb>


    <h2 style="line-height: 100px;">
      啛啛喳喳
    </h2>

    <Row>
      <Col span="6">

      <i-circle :percent="80">
        <span class="demo-Circle-inner" style="font-size:24px">80%</span>
      </i-circle>

      </Col>
      <Col span="6">
      <i-circle :percent="100" stroke-color="#5cb85c">
        <Icon type="ios-checkmark" size="60" style="color:#5cb85c"></Icon>
      </i-circle>

      </Col>
      <Col span="6">

      <i-circle :percent="80">
        <span class="demo-Circle-inner" style="font-size:24px">80%</span>
      </i-circle>

      </Col>
      <Col span="6">
      <i-circle :percent="100" stroke-color="#5cb85c">
        <Icon type="ios-checkmark" size="60" style="color:#5cb85c"></Icon>
      </i-circle>

      </Col>
    </Row>

    <h2 style="line-height: 100px;">
      啛啛喳喳
    </h2>

    <Row>
      <Col span="8">
      <i-circle :percent="35" stroke-color="#ff5500">
        <span class="demo-Circle-inner">
            <Icon type="ios-close" size="50" style="color:#ff5500"></Icon>
        </span>
      </i-circle>
      </Col>
      <Col span="8">
      <i-circle :percent="35" stroke-color="#ff5500">
        <span class="demo-Circle-inner">
            <Icon type="ios-close" size="50" style="color:#ff5500"></Icon>
        </span>
      </i-circle>
      </Col>
      <Col span="8">
      <i-circle :percent="35" stroke-color="#ff5500">
        <span class="demo-Circle-inner">
            <Icon type="ios-close" size="50" style="color:#ff5500"></Icon>
        </span>
      </i-circle>
      </Col>
    </Row>

  </div>
</template>
<script>
    export default {

    }
</script>